<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="./static/index.css">

</head>
<body>

    <!-- form表单 -->
    <!-- <form action="http://127.0.0.1:10000/banyuan/form/action" method="POST">
    
    <div><input type="text" name="username" ></div>
    <div><input type="password" name="password"></div>

    <button type="submit">提交</button>
    <button type="reset">重置</button>
</form> -->

<!-- <table border="1" 
cellpadding="10" 
cellspacing="10"
frame="void"
rules='none'>
    <thead>
        <tr>
            <th>头部1</th>
            <th>头部2</th>
            <th colspan="2">头部3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容1</td>
            <td rowspan="2">内容2</td>
            <td>内容3</td>
        </tr>
        <tr>
            <td>内容1</td>
            <td>内容2</td>
            <td>内容3</td>
        </tr>
    </tbody>
</table> -->

<!-- 和这边的顺序没关系，看css里写的选择器的顺序 -->
<!-- 优先级 内联>id>类>元素 -->
<!-- <div class="container" id="div1"></div> -->
<div class="container"></div>

<!-- <div class="container"></div> -->

<!-- <div class="container">We are banyuan students</div> -->

<!-- <div class="div1"></div> -->

<!-- <span class="span1">we are</span> -->

<!-- <div class="parent">
    <h1 class="child">banyuan</h1>
    <div>
        <h1>banyuan</h1>
    </div>
</div> -->

</body>
</html>